<template>
	<view class="box">


		<view class="top" :style="{height:statusBarHeight+'px'}">
		</view>
		<view class="main">
			热点
		</view>
	</view>
</template>

<script>
	export default {
		name: "SpotAdd",
		data() {
			return {
				statusBarHeight: 0,
				paddingTop: 0, //胶囊距离顶部的位置 -状态栏的高度
				height: '40px', //等于胶囊的高度
			};
		},
		created() {
			// 设备状态栏高度
			// wx.getSystemInfo 
			// uni.getSystemInfo
			uni.getSystemInfo().then(res => {
				// 状态栏高度
				this.statusBarHeight = res.statusBarHeight;
				
			});
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		height: 100%;
		background-color: #4171f9;
		.top {
			width: 100%;
		}

		.main {
			width: 100%;
			height: 200rpx;
			line-height: 100rpx;

			color: #fff;
			text-align: center;
		}


	}
</style>